<!doctype html>
<html lang="en">
  <head>
    <script type="module" crossorigin src="/frontend-mini-challenges/javascript/assets/index-CUto--Ka.js"></script>
    <link rel="modulepreload" crossorigin href="/frontend-mini-challenges/javascript/assets/navbar-PAFhV-cJ.js">
    <link rel="modulepreload" crossorigin href="/frontend-mini-challenges/javascript/assets/header-DIqzw3PH.js">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/javascript/assets/navbar-Dkne97UN.css">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/javascript/assets/header-DAZPOirm.css">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/javascript/assets/index-CuS6UFvJ.css">
  </head>
  <body>
    <main id="main" class="main">
      <section id="form" class="form">
        <p>Max number of floors should be 99 and lift 4</p>
        <form id="form1">
          <label for="input-floor">Enter Floor no.</label>
          <input min="2" max="8" value="2" id="input-floor" type="number" />
          <label for="input-lift">Enter Lift no.</label>
          <input min="1" max="4" value="1" id="input-lift" type="number" />
          <button type="submit" value="submit" form="form1" class="btn btn-submit" id="btn-submit">
            Submit
          </button>
        </form>
        <button type="submit" value="reset" class="btn btn-submit btn-reset" id="btn-reset">
          Reset 🔄
        </button>
      </section>
      <div id="content" class="content"></div>
    </main>
  </body>
</html>
